<%-- 
    Document   : index
    Created on : Jul 7, 2011, 1:23:40 AM
    Author     : Thanhluan216
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" href="style.css" type="text/css"/>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                
                <h1>Photo Share</h1>
                <img src="header_right.gif" alt="hinh"/>
            </div>
            <div id="nav">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Manage Collection</a></li>
                    <li><a href="#">Manage Image</a></li>
                    <li><a href="#">Upload</a></li>
                    <li><a href="#">FAQs</a></li>
                    <li class="end"><a href="#">Contact</a></li>
                </ul>
            </div>
            <div id="main">
                <div id="slidebar">
                    <div id="login">
                        <h1>Login here</h1>

                        <table border="0">
                            <tbody>
                                <tr>
                                    <td><label>Welcome</label></td>
                                </tr>
                                <tr>
                                    <td>Vu Duy Hoang</td>
                                </tr>
                                <tr>
                                    <td><a href="#">My Profile</a></td>
                                </tr>
                                <tr>
                                    <td><a href="#">View History</a></td>
                                </tr>
                                <tr>
                                    <td><a href="#">Logout</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="search">
                        <h1>Search</h1>
                        <table border="0">
                            <tbody>
                                <tr>
                                    <td><label>Name</label></td>
                                </tr>
                                <tr>
                                    <td><input type="text" name="" value=""/></td>
                                </tr>
                                <tr>
                                    <td><input type="submit" value="Search"/></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="product">
                        <h1>Photo</h1>
                        <ul>
                            <li><a href="#">Collection</a></li>
                            <li><a href="#">+ Ocean</a></li>
                            <li><a href="#">+ Natural</a></li>
                            <li><a href="#">+ Animal</a></li>
                            <li class="end"><a href="#">+ City</a></li>
                        </ul>
                    </div>
                </div>
                <div id="content">
                    Search <b>PhotoName</b>
                    <table border="0">
                        <tr>
                            <td><img src="Images/1.jpg" height="150" width="200"/></td>
                            <td><img src="Images/2.jpg" height="150" width="200"/></td>
                            <td><img src="Images/3.jpg" height="150" width="200"/></td>
                            <td><img src="Images/4.jpg" height="150" width="200"/></td>
                        </tr>
                        <tr>
                            <td><img src="Images/1.jpg" height="150" width="200"/></td>
                            <td><img src="Images/3.jpg" height="150" width="200"/></td>
                            <td><img src="Images/2.jpg" height="150" width="200"/></td>
                            <td><img src="Images/4.jpg" height="150" width="200"/></td>
                        </tr>
                        <tr>
                            <td><img src="Images/1.jpg" height="150" width="200"/></td>
                            <td><img src="Images/4.jpg" height="150" width="200"/></td>
                            <td><img src="Images/3.jpg" height="150" width="200"/></td>
                            <td><img src="Images/2.jpg" height="150" width="200"/></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div id="footer">

            </div>
        </div>
    </body>
</html>
